<div class="rental-main-hook main-hook">
    <span @click.stop="emitPage" class="emit-page-hook"></span>
    <span @click.stop="prePage" class="pre-page-hook"></span>
    <span @click.stop="refreshPage" class="refresh-page-hook"></span>
    <div class="box-wrapper box1-hook" v-show="boxs.box1.show">
        <div class="rental-wrapper rental-hook">
            <div class="title">
                当前位置：<span>租单管理</span>&nbsp;&nbsp;->&nbsp;</span><span class="active">托盘租赁</span>
            </div>
            <%if(checkAuthority('pallet-lease-query')){%>
            <form class="search form-search-hook">
                    <div class="row">
                        <span class="search-label">区域</span>
                        <div id="distpicker" class="distpicker">
                            <select class="form-control province validate[required]" id="selectedProvince" name="provinceName"></select>
                            <span class="interval-xs"></span>
                            <select class="form-control city" id="selectedCity" name="cityName"></select>
                            <span class="interval-xs"></span>
                            <select class="form-control district" id="selectedDistrict" name="countyName"></select>
                        </div>
                       <!-- <span class="interval-lg"></span>
                        <span class="search-label">租赁方式</span>
                        <select class="form-control w120" name="leaseMode">
                            <option value="">全部</option>
                            <option v-for="(type,index) in leaseMode" :value="type.id" v-text="type.name"></option>
                        </select>-->
                        <span class="interval-lg"></span>
                        <span class="search-label">租赁类型</span>
                        <select class="form-control w80" name="leaseType">
                            <option value="">全部</option>
                            <option v-for="(type,index) in leaseType" :value="type.id" v-text="type.name"></option>
                        </select>
                        <span class="interval-lg"></span>
                        <span class="search-label">订单状态</span>
                        <select class="form-control w120" name="orderStatus">
                            <option value="">全部</option>
                            <option v-for="(type,index) in orderStatus  " :value="type.id" v-text="type.name"></option>
                        </select>
                        <span class="interval-lg"></span>
                        <span class="search-label">打款标志</span>
                        <select class="form-control w150" name="paymentFlag">
                            <option value="">全部</option>
                            <option v-for="(type,index) in paymentFlag" :value="type.id" v-text="type.name"></option>
                        </select>
                    </div>
                    <div class="row">
                        <span class="search-label">订单日期</span>
                        <div class="date-time-box">
                            <input placeholder="开始时间" class="search-input datetime" type="text" name="orderStartTime" id="startdate">
                        </div>
                        <span class="interval-xs"></span>
                        <span>到</span>
                        <span class="interval-xs"></span>
                        <div class="date-time-box">
                            <input placeholder="结束时间" class="search-input datetime" type="text" name="orderEndTime" id="enddate">
                        </div>
                        <span class="interval-lg"></span>
                        <span class="search-label">关键字</span>
                        <input type="text" class="search-input lg" name="customerName" placeholder="承租客户单位关键字" @keyup.enter="searchForm()">
                        <span class="interval-lg"></span>
                        <button type="button" class="btn btn-blue  search-hook">查询</button>
                        <span class="interval-xs"></span>
                        <button type="reset" class="btn btn-gray resert" @click.stop="reset()">清空</button>
                    </div>
            </form>
            <%}%>
            <%if(checkAuthority('pallet-lease-create')){%>
            <div class="order_operation_btn" style="padding: 10px 0 0 25px;height: 56px;">
                <button type="button" class="btn primary_btn return_btn" @click.stop="newLease()">托盘租赁</button>
            </div>
            <%}%>
            <div class="custom-table-wrapper" style="padding: 0;height: auto;">
                <table class="custom-table rental-table-hook"></table>
            </div>
        </div>
    </div>
    <div class="box-wrapper box2-hook" v-show="boxs.box2.show"></div>
    <div class="box-wrapper box3-hook" v-show="boxs.box3.show"></div>
    <div class="box-wrapper box4-hook" v-show="boxs.box4.show"></div>
</div>
<script type="text/javascript" src="js/back/rent/rental/rental.js" custom></script>